import React,{FC} from 'react'
import classNames from 'classnames'


export interface MenuItemProps {
  index?:Number;
  disabled?:Boolean;
  classNames?:String;
  style?:React.CSSProperties;
}

const menuItem:React.FC<MenuItemProps>=(props)=>{
  const {index,disabled,classNames,style,children} = props 
  const classes = classNames('menu-item',className,{
    'is-disabled':disabled
  })
  return (
    <li className={classes} style={style}>
        {children}
    </li>
  )
}

export default menuItem